@import "config";
.web{
  height: 100%;
  background: url("../img/bg_img.png") no-repeat center/cover;
  .award_info{
    width: hr(456);
    height: auto;
    text-align: center;
    @include posAbsCenter;
    .master_info{
      color: $yellow;
      font-size: hr(30);
      margin-bottom: hr(30);
    }
    .text_put{
      display: inline-block;
      margin-top: hr(13);
      .kind{
        text-align: left;
      }
    }
    .select{
      width: hr(183);
      height: hr(37);
      padding: 0 hr(10);
      line-height: hr(37);
      background: $yellow;
      border-top-right-radius: $radius;
      border-bottom-right-radius: $radius;
      font-size: hr(20);
      span{
        color: $red;
        float: left;
      }
      .select_box{
        width: hr(30);
        height: hr(26);
        margin-top: hr(5);
        border: 1px solid $red;
        position: relative;
        .select-info{
          width: 100%;
          height: 100%;
          text-align: left;
          padding-left: hr(3);
          line-height: hr(26);
          color: $red;
        }
        ul{
          border: 1px solid $red;
          li{
            font-size: hr(20);
            line-height: hr(26);
            text-align: left;
            padding-left: hr(3);
            border-bottom: 1px solid $red;
            background: $yellow;
            &:last-of-type{
              border-bottom: none;
            }
          }
        }
        .triangle{
          width: 0;
          height: 0;
          border-left: hr(5) solid transparent;
          border-right: hr(5) solid transparent;
          border-top: hr(10) solid $red;
          position: absolute;
          right: hr(2);
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
    .data_info{
      color: $yellow;
      text-align: justify;
      font-size: hr(12);
      margin-top: hr(27);
      line-height: hr(36);
      p{
        text-align: center;
        font-size:hr(16);
      }
    }
    #pop{
      width: hr(250);
      background: url("../img/textbg_small.png") no-repeat center/100% 100%;
    }
    .below{
      margin-top: hr(31);
    }
  }
  #award-pop{
    .pop_box{
      text-align: center;
    }
    .pop_up{
      p{
        font-size: hr(30);
        margin-top: hr(34);
      }
      .btn{
        margin-top: hr(38);
      }
    }
    #anew{
      p{
        margin-top: 0;
      }
      padding: hr(60) 0;
    }
  }
}